<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>model</title>
    <script src="https://unpkg.com/vue"></script>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">

</head>
<body>
<div id="app">
</div>

</body>
<script>
    var login = {
        template: '<h1>这是登录组件</h1>'
    }

var vm = new Vue({
    el: '#app',
    data: {
        msg: '大家好哈哈哈哈，你们好啊。'
    },
    methods:{

    },
    render: function (createElements){  // createElements 是一个方法，调用它能够将指定的组件模板渲染为HTML结构
        return createElements(login);
        // 注意：这里的return的结果，会替换页面中 el （#app）指定的那个容器

    }
})
</script>
</html>